<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>HTML与CSS特效</title>
</head>

<body>
  <ol>
    <h2>点击下方链接即可进入炫酷页面</h2>
    <li>
      <a href="https://mambaneverout.github.io/HTML-CSS/Avengers/Avengers1/avengers1.html">复联4英雄海报1</a>
    </li>
    <li>
      <a href="https://mambaneverout.github.io/HTML-CSS/Avengers/Avengers2/avengers.html">复联4英雄海报2</a>
    </li>
    <li>
      <a href="https://mambaneverout.github.io/HTML-CSS/PricePage/price.html">响应式价格列表</a>
    </li>
    <li>
      <a href="https://mambaneverout.github.io/HTML-CSS/IconRotate/IconRotate.html">悬浮时图标旋转效果</a>
    </li>
    <li>
      <a href="https://mambaneverout.github.io/HTML-CSS/LayeredImage/layered.html">3D分层图像悬停效果</a>
    </li>
    <li>
      <a href="https://mambaneverout.github.io/HTML-CSS/PersonInfo/PersonInfo.html">人物介绍栏自适应页面</a>
    </li>
    <li>
      <a href="https://mambaneverout.github.io/HTML-CSS/ImgGallery/ImgGallery.html">画廊</a>
    </li>
    <li>
      <a href="https://mambaneverout.github.io/HTML-CSS/SwipeSlider/slider.html">3D响应卡片式滑块</a>
    </li>
    <li>
      <a href="https://mambaneverout.github.io/HTML-CSS/Mi Shopping Mall/index.html">小米商城</a>
    </li>
    <li>
      <a href="https://mambaneverout.github.io/HTML-CSS/ToDo/todo.html">待办事项</a>
    </li>
  </ol>
  <ol>
    <h2>配件</h2>
    <li>
      <a href="https://mambaneverout.github.io/HTML-CSS/Bagua/Bagua.html">八卦</a>
    </li>
    <li>
      <a href="https://mambaneverout.github.io/HTML-CSS/Navigation/navigation.html">导航菜单</a>
    </li>
    <li>
      <a href="https://mambaneverout.github.io/HTML-CSS/Search/search.html">有筛选功能的搜索框</a>
    </li>
    <li>
      <a href="https://mambaneverout.github.io/HTML-CSS/Share/share.html">带滚动特效的分享按钮</a>
    </li>
    <li>
      <a href="https://mambaneverout.github.io/HTML-CSS/WaveLoading/WaveLoading.html">波浪加载效果</a>
    </li>
    <li>
      <a href="https://mambaneverout.github.io/HTML-CSS/Star/StarRating.html">星级评价</a>
    </li>
    <li>
      <a href="https://mambaneverout.github.io/HTML-CSS/Form/Form.html">与我们联系表单</a>
    </li>
  </ol>
  <style>
    ol>li {
      color: rgba(0, 60, 255, 0.74);
    }

    ol>li>a {
      text-decoration: none;
      color: rgba(0, 60, 255, 0.74);
      font-size: 20px;
    }
  </style>
</body>

</html>